<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	
	<meta name="author" content="dongdung" />
    
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/mypages.css" />
    
    
    
    <script type="text/javascript"  src="js/jquery.js"></script>
     <script type="text/javascript"  src="js/html5.js"></script>
    
	
</head>

<body>

<header>
    <div class="container"><img src="img/header.jpg" /></div>
</header>

<div class="container clearfix mypage mypage_info_adress">
        <div id="tests">
            <div>
            </div>
        </div>
        <!-- Begin: Breadcrumb -->
        <dl class="breadcrumb">
            
            <span class="home"></span>홈<span class="cursor"></span>마이페이지<span class="cursor"></span><strong>마이 쇼핑정보</strong>
        </dl>
        <!-- End: Breadcrumb -->
        
        
    <div id="left">
        <div id="pointer">
            <img src="img/mypage/icon_pointer.png" />
        </div><!--end pointer -->
        <div id="link">
            <a href="#" id="link1"><img src="img/mypage/banner2.png" alt="" /></a>
            <a href="#" id="link2"><img src="img/mypage/banner1.png" alt="" /></a>
        </div>  
        <div id="menu" class="conner5">
                  
            <div id="first">
            <p class="title">마이 쇼핑정보</p>
            <ul>
                <li>주문/배송 조회</li>
                <li >주문정보 변경</li>
                <li>주문 취소</li>                
                <li>반품/환불</li> 
                <li>영수증 신청/발급</li>
                <li>내가 신청한 서비스</li>
                 
            </ul>
            </div>
            <div id="second">
            <p class="title">참좋은 혜택</p>
            <ul>
                <li>내 쿠폰함</li>
                <li>포인트 내역 </li>
                <li>예치금 관리</li>
                <li>기프트카드 </li> 
                <li>이벤트 당첨확인 </li>
                  
            </ul>
            </div>
            
            <div id="third">
            <p class="title">마이 위쉬리스트</p>
             <ul>
                <li>찜한 상품</li>
                <li>관심 브랜드</li>
                <li>관심리뷰</li>
               
            </ul>
            </div>
            
            <div id="fourth">
            <p class="title">마이 글모음</p>
            <ul>
                <li>상품 리뷰</li>
                <li >1:1상담</li>
                <li>상품 문의/신고 내역</li>
               
            </ul>
            </div>
            
            <div id="fifth">
            <p class="title">마이정보</p>
            <ul>
                <li> 회원 정보 수정</li>
                <li class="active">나의 주소록</li>
                <li>나의 기념일</li>
                <li>회원 등급 확인</li> 
                <li>회원탈퇴</li>               
            </ul>
            </div>
        </div><!--end #menu -->
        <div id="yellow_background" class="conner3">
        </div>
    </div><!--end #left -->
    <div id="right">
        <div id="top" class="conner3">
            
                <div id="g_left">
                    <div id="g_icon">
                        
                        <img id="icon1" src="img/mypage/icon_gold.jpg" alt="" />
                        <p>등급별 혜택보기<img src="img/mypage/g_icon_left.png"/></p>
                    </div>
                     <div id="g_text">
                     <p><strong class="g_icon_user"></strong><strong class="color666">김정희</strong>님, 고객님은 바보사랑의 소중한<strong class="g_icon_gold"> GOLD</strong>회원이십니다. </p>
                     <p id="second">오늘도 저희 바보사랑을 방문해 주셔서 감사합니다.</p>
                     </div>
                     <div id="g_sum">
                     <p><span class="g_sum_p">3,000</span>
                        <span class="g_sum_coupon">2</span>
                        <span class="g_sum_wish">4</span>
                     </p>
                     </div>
                     <div id="g_tooltip">
                        <p><strong style="color: #ffd200;">FAMILY </strong>등급 회원이되시려면 3회의 추가 구입을</p>
                        <p>하시거나 <strong style="color: #ff5b90;">204,000</strong>원 이상의 구매를 하셔야합니다.</p>

                     </div>
                </div>
                <div id="g_right">
                <p class="g_right_title"><strong>김정희</strong> 고객님께서 주문하신 <strong>상품 배송 현황</strong></p>
                <p class="pink" id="pink1">배송 준비중<br /><span class="number">0</span></p>
                <p class="pink" id="pink2">배송 중<br /><span class="number">3</span></p>
                <p class="pink" id="pink3">배송 완료<br /><span class="number">5</span></p>
                </div>
        </div><!--end #top -->
        
        
 <!--Main-->
   <div id="main"> 
       <div class="info_adress_top ">
            <p class="info_img_title"><img src="img/mypage/title_mypag_info_adress.png" width="72" height="16" /></p>
            <p class="info_title info_text12">고객님께서 자주사용하시는 배송지를 저장해두실 수 있습니다. 주문시에 저장된 배송지를 이용하여, 상품을 발송하실 수 있습니다.                  
            </p>
       </div>
       <div class="info_adress_table  " >
           <table class="info_tab conner3">
            <tr class="info_bd_adress info_bd " >
                <th id="col1">배송지명</th>
                <th id="col2">수령인</th>
                <th id="col3">핸드폰번호</th>
                <th id="col4">전화번호</th>
                <th id="col5">배송지주소</th>
                <th id="col6">관리</th>
            </tr>
            <tr class="info_bt_adress info_bd ">
                <td >서울집</td>
                <td >김정희</td>
                <td >010-9257-0161</td>
                <td >010-9257-0161 copy</td>
                <td > 서울 강동구 길동 sk강동 큐브 2차 1202호</td>
                <td ></td>
            </tr>
           </table>
       </div>
       <div>
            <div class="info_adress_button btn">신규등록</div>
       </div>
            <div class="info_bottom pagination">
                    <ul>
                        <li class="first"><a href="#">처음</a></li>
                        <li><a href="#">&lt;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">8</a></li>
                        <li><a href="#">9</a></li>
                        <li><a href="#">10</a></li>
                        <li><a href="#">&gt;</a></li>
                        <li class="last"><a href="#">끝</a></li>
                    </ul>
            </div>  
 </div>
    </div><!--end #right -->
</div><!--end wrappper -->
  
<footer>
    <div class="container"><img src="img/footer.jpg" /></div>
</footer><!--end footer -->

</body>
</html>